﻿<Window 
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity" xmlns:ei="http://schemas.microsoft.com/expression/2010/interactions"  
   
            xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
            mc:Ignorable="d"  
           x:Class="QuickWPFMonthCalendar.Index"
        Title="My Diary" Height="687" Width="1007" Foreground="Black" WindowState="Maximized" WindowStartupLocation="CenterScreen" Background="Blue" Icon="/MyDiary;component/Diary-Photo-Sunflower.ico">


    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="auto"/>
            <RowDefinition Height="50"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        <Grid Grid.Row="0" x:Name="gridSetting"  Visibility="Collapsed">
            <Grid.RowDefinitions>
                <RowDefinition Height="40"/>
            </Grid.RowDefinitions>

            <Button Padding="-4" Margin="35,0,0,0" Width="30" Height="30"  Click="click_SettingColor"  x:Name="btColor_Gray"  Background="Gray" HorizontalAlignment="Left" HorizontalContentAlignment="Stretch"   VerticalAlignment="Center" />
            <Button Padding="-4" Margin="65,0,0,0" Width="30" Height="30"  Click="click_SettingColor"  x:Name="btColor_Blue"  Background="Blue" HorizontalAlignment="Left" HorizontalContentAlignment="Stretch"   VerticalAlignment="Center" />
            <Button Padding="-4" Margin="95,0,0,0" Width="30" Height="30"  Click="click_SettingColor"  x:Name="btColor_Pink"  Background="Pink" HorizontalAlignment="Left" HorizontalContentAlignment="Stretch"   VerticalAlignment="Center" />
            <Button Padding="-4" Margin="125,0,0,0" Width="30" Height="30"  Click="click_SettingColor"  x:Name="btColor_Red"  Background="Red" HorizontalAlignment="Left" HorizontalContentAlignment="Stretch"   VerticalAlignment="Center" />
            <Button Padding="-4" Margin="155,0,0,0" Width="30" Height="30"  Click="click_SettingColor"  x:Name="btColor_Green"  Background="Green" HorizontalAlignment="Left" HorizontalContentAlignment="Stretch"   VerticalAlignment="Center" />
            <Button Padding="-4" Margin="185,0,0,0" Width="30" Height="30"  Click="click_SettingColor"  x:Name="btColor_Orange"  Background="Orange" HorizontalAlignment="Left" HorizontalContentAlignment="Stretch"   VerticalAlignment="Center" />
            
        </Grid>
        <ComboBox Grid.Row="1" x:Name="cboMonth" HorizontalAlignment="Left" Height="34" Margin="8,8,0,0" VerticalAlignment="Top" Width="152" FontSize="18.667" DisplayMemberPath="{Binding}" SelectionChanged="cbo_SelectionChanged" />
        <ComboBox Grid.Row="1" x:Name="cboYear" Height="34" Margin="164,8,0,0" VerticalAlignment="Top" HorizontalAlignment="Left" Width="87" FontSize="18.667" DisplayMemberPath="{Binding}" SelectionChanged="cbo_SelectionChanged" />
        <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}" Margin="330,0,45,15"  Click="click_Setting"  x:Name="btNextMonth" Grid.Row="1"  Background="#00000000" HorizontalAlignment="Right" HorizontalContentAlignment="Stretch"  Opacity="1" VerticalAlignment="Center">
            <Image   Grid.Row="0" Source="/MyDiary;component/Images/settings.png" Stretch="Uniform" HorizontalAlignment="Left" />
        </Button>
        <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}" Margin="330,0,5,15"  Click="click_Information"  x:Name="btInformation" Grid.Row="1"  Background="#00000000" HorizontalAlignment="Right" HorizontalContentAlignment="Stretch"  Opacity="1" VerticalAlignment="Center">
            <Image   Grid.Row="0" Source="/MyDiary;component/Images/i.png" Stretch="Uniform" HorizontalAlignment="Left" />
        </Button>


        <Grid Grid.Row="2">

            <Grid.RowDefinitions>
                <RowDefinition Height="*"/>
                <RowDefinition Height="*"/>
                <RowDefinition Height="*"/>
                <RowDefinition Height="*"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>
            <Border BorderBrush="Black" BorderThickness="1">

            </Border>
            <!-- ************************* Line 1********************************** -->

            <Grid Grid.Row="0" Grid.Column="0">
                <Grid.RowDefinitions>
                    <RowDefinition Height="30" />
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                </Grid.ColumnDefinitions>
                <Image Grid.ColumnSpan="3" x:Name="bgimg_1" Grid.RowSpan="2" Source="/MyDiary;component/Images/Blue.jpg" Stretch="UniformToFill"></Image>
                <Image Grid.ColumnSpan="3" Grid.RowSpan="2" Stretch="UniformToFill" x:Name="img_1" Opacity="0.6" ></Image>
                <Button Padding="-4" BorderThickness="0"  Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click" x:Name="add_1" Grid.Row="0"  Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image Grid.Row="0" Source="/MyDiary;component/Images/add.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="edit_1" Grid.Row="0"  Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch"  Opacity="1" VerticalAlignment="Center">
                    <Image   Grid.Row="0" Source="/MyDiary;component/Images/edit.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <TextBlock Grid.Row="0" x:Name="tb_1" HorizontalAlignment="Right" FontWeight="Bold" FontSize="20">1</TextBlock>
                <Grid Grid.Row="1" >

                    <TextBlock TextTrimming="CharacterEllipsis" x:Name="tbInfo_1" TextWrapping="WrapWithOverflow"></TextBlock>
                </Grid>
            </Grid>

            <Grid Grid.Row="0" Grid.Column="1">
                <Grid.RowDefinitions>
                    <RowDefinition Height="30" />
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>
                <Image Grid.ColumnSpan="3" x:Name="bgimg_2" Grid.RowSpan="2" Source="/MyDiary;component/Images/Blue.jpg" Stretch="UniformToFill"></Image>
                <Image Grid.ColumnSpan="3" Grid.RowSpan="2" Stretch="UniformToFill" x:Name="img_2" Opacity="0.6"></Image>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="add_2"  Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image Grid.Row="0" Source="/MyDiary;component/Images/add.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="edit_2" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image  Grid.Row="0" Source="/MyDiary;component/Images/edit.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <TextBlock Grid.Column="2" Grid.Row="0" x:Name="tb_2" HorizontalAlignment="Right" FontWeight="Bold" FontSize="20">11</TextBlock>
                <Grid Grid.Row="1" Grid.ColumnSpan="3">

                    <TextBlock TextTrimming="CharacterEllipsis" x:Name="tbInfo_2" TextWrapping="WrapWithOverflow"></TextBlock>
                </Grid>
            </Grid>

            <Grid Grid.Row="0" Grid.Column="2">
                <Grid.RowDefinitions>
                    <RowDefinition Height="30" />
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>
                <Image Grid.ColumnSpan="3" x:Name="bgimg_3" Grid.RowSpan="2" Source="/MyDiary;component/Images/Blue.jpg" Stretch="UniformToFill"></Image>
                <Image Grid.ColumnSpan="3" Grid.RowSpan="2" Stretch="UniformToFill" x:Name="img_3" Opacity="0.6"></Image>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="add_3" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image Grid.Row="0" Source="/MyDiary;component/Images/add.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="edit_3" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image  Grid.Row="0" Source="/MyDiary;component/Images/edit.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <TextBlock Grid.Column="2" Grid.Row="0" x:Name="tb_3" HorizontalAlignment="Right" FontWeight="Bold" FontSize="20">11</TextBlock>
                <Grid Grid.Row="1" Grid.ColumnSpan="3">

                    <TextBlock TextTrimming="CharacterEllipsis" x:Name="tbInfo_3" TextWrapping="WrapWithOverflow"></TextBlock>
                </Grid>
            </Grid>

            <Grid Grid.Row="0" Grid.Column="3">
                <Grid.RowDefinitions>
                    <RowDefinition Height="30" />
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>
                <Image Grid.ColumnSpan="3" x:Name="bgimg_4" Grid.RowSpan="2" Source="/MyDiary;component/Images/Blue.jpg" Stretch="UniformToFill"></Image>
                <Image Grid.ColumnSpan="3" Grid.RowSpan="2" Stretch="UniformToFill" x:Name="img_4" Opacity="0.6"></Image>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="add_4"  Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image Grid.Row="0" Source="/MyDiary;component/Images/add.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="edit_4" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image  Grid.Row="0" Source="/MyDiary;component/Images/edit.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <TextBlock Grid.Column="2" Grid.Row="0" x:Name="tb_4" HorizontalAlignment="Right" FontWeight="Bold" FontSize="20">11</TextBlock>
                <Grid Grid.Row="1" Grid.ColumnSpan="3">

                    <TextBlock TextTrimming="CharacterEllipsis" x:Name="tbInfo_4" TextWrapping="WrapWithOverflow"></TextBlock>
                </Grid>
            </Grid>

            <Grid Grid.Row="0" Grid.Column="4">
                <Grid.RowDefinitions>
                    <RowDefinition Height="30" />
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>
                <Image Grid.ColumnSpan="3" x:Name="bgimg_5" Grid.RowSpan="2" Source="/MyDiary;component/Images/Blue.jpg" Stretch="UniformToFill"></Image>
                <Image Grid.ColumnSpan="3" Grid.RowSpan="2" Stretch="UniformToFill" x:Name="img_5" Opacity="0.6"></Image>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="add_5"  Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image Grid.Row="0" Source="/MyDiary;component/Images/add.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="edit_5" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image  Grid.Row="0" Source="/MyDiary;component/Images/edit.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <TextBlock Grid.Column="2" Grid.Row="0" x:Name="tb_5" HorizontalAlignment="Right" FontWeight="Bold" FontSize="20">11</TextBlock>
                <Grid Grid.Row="1" Grid.ColumnSpan="3">

                    <TextBlock TextTrimming="CharacterEllipsis" x:Name="tbInfo_5" TextWrapping="WrapWithOverflow"></TextBlock>
                </Grid>
            </Grid>

            <Grid Grid.Row="0" Grid.Column="5">
                <Grid.RowDefinitions>
                    <RowDefinition Height="30" />
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>
                <Image Grid.ColumnSpan="3" x:Name="bgimg_6" Grid.RowSpan="2" Source="/MyDiary;component/Images/Blue.jpg" Stretch="UniformToFill"></Image>
                <Image Grid.ColumnSpan="3" Grid.RowSpan="2" Stretch="UniformToFill"  x:Name="img_6" Opacity="0.6"></Image>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"   Click="click_Click"  x:Name="add_6" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image Grid.Row="0" Source="/MyDiary;component/Images/add.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"   Click="click_Click"  x:Name="edit_6" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image  Grid.Row="0" Source="/MyDiary;component/Images/edit.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <TextBlock Grid.Column="2" Grid.Row="0" x:Name="tb_6" HorizontalAlignment="Right" FontWeight="Bold" FontSize="20">11</TextBlock>
                <Grid Grid.Row="1" Grid.ColumnSpan="3">

                    <TextBlock TextTrimming="CharacterEllipsis" x:Name="tbInfo_6" TextWrapping="WrapWithOverflow"></TextBlock>
                </Grid>
            </Grid>

            <Grid Grid.Row="0" Grid.Column="6">
                <Grid.RowDefinitions>
                    <RowDefinition Height="30" />
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>
                <Image Grid.ColumnSpan="3" x:Name="bgimg_7" Grid.RowSpan="2" Source="/MyDiary;component/Images/Blue.jpg" Stretch="UniformToFill"></Image>
                <Image Grid.ColumnSpan="3" Grid.RowSpan="2" Stretch="UniformToFill" x:Name="img_7" Opacity="0.6"></Image>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="add_7" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image Grid.Row="0" Source="/MyDiary;component/Images/add.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="edit_7" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image  Grid.Row="0" Source="/MyDiary;component/Images/edit.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <TextBlock Grid.Column="2" Grid.Row="0" x:Name="tb_7" HorizontalAlignment="Right" FontWeight="Bold" FontSize="20">11</TextBlock>
                <Grid Grid.Row="1" Grid.ColumnSpan="3">

                    <TextBlock TextTrimming="CharacterEllipsis" x:Name="tbInfo_7" TextWrapping="WrapWithOverflow"></TextBlock>
                </Grid>
            </Grid>

            <!-- ************************* Line 2 ********************************** -->

            <Grid Grid.Row="1" Grid.Column="0">
                <Grid.RowDefinitions>
                    <RowDefinition Height="30" />
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>
                <Image Grid.ColumnSpan="3" x:Name="bgimg_8" Grid.RowSpan="2" Source="/MyDiary;component/Images/Blue.jpg" Stretch="UniformToFill"></Image>
                <Image Grid.ColumnSpan="3" Grid.RowSpan="2" Stretch="UniformToFill" x:Name="img_8" Opacity="0.6"></Image>
                <Button  Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"   Click="click_Click"  x:Name="add_8" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image Grid.Row="0" Source="/MyDiary;component/Images/add.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"    Click="click_Click"  x:Name="edit_8" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image  Grid.Row="0" Source="/MyDiary;component/Images/edit.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <TextBlock Grid.Column="2" Grid.Row="0" x:Name="tb_8" HorizontalAlignment="Right" FontWeight="Bold" FontSize="20">1</TextBlock>
                <Grid Grid.Row="1" Grid.ColumnSpan="3">

                    <TextBlock TextTrimming="CharacterEllipsis" x:Name="tbInfo_8" TextWrapping="WrapWithOverflow"></TextBlock>
                </Grid>
            </Grid>

            <Grid Grid.Row="1" Grid.Column="1">
                <Grid.RowDefinitions>
                    <RowDefinition Height="30" />
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>
                <Image Grid.ColumnSpan="3" x:Name="bgimg_9" Grid.RowSpan="2" Source="/MyDiary;component/Images/Blue.jpg" Stretch="UniformToFill"></Image>
                <Image Grid.ColumnSpan="3" Grid.RowSpan="2" Stretch="UniformToFill" x:Name="img_9" Opacity="0.6"></Image>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="add_9" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image Grid.Row="0" Source="/MyDiary;component/Images/add.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="edit_9" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image  Grid.Row="0" Source="/MyDiary;component/Images/edit.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <TextBlock Grid.Column="2" Grid.Row="0" x:Name="tb_9" HorizontalAlignment="Right" FontWeight="Bold" FontSize="20">11</TextBlock>
                <Grid Grid.Row="1" Grid.ColumnSpan="3">

                    <TextBlock TextTrimming="CharacterEllipsis" x:Name="tbInfo_9" TextWrapping="WrapWithOverflow"></TextBlock>
                </Grid>
            </Grid>

            <Grid Grid.Row="1" Grid.Column="2">
                <Grid.RowDefinitions>
                    <RowDefinition Height="30" />
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>
                <Image Grid.ColumnSpan="3" x:Name="bgimg_10" Grid.RowSpan="2" Source="/MyDiary;component/Images/Blue.jpg" Stretch="UniformToFill"></Image>
                <Image Grid.ColumnSpan="3" Grid.RowSpan="2" Stretch="UniformToFill" x:Name="img_10" Opacity="0.6"></Image>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="add_10" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image Grid.Row="0" Source="/MyDiary;component/Images/add.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="edit_10" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image  Grid.Row="0" Source="/MyDiary;component/Images/edit.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <TextBlock Grid.Column="2" Grid.Row="0" x:Name="tb_10" HorizontalAlignment="Right" FontWeight="Bold" FontSize="20">11</TextBlock>
                <Grid Grid.Row="1" Grid.ColumnSpan="3">

                    <TextBlock TextTrimming="CharacterEllipsis" x:Name="tbInfo_10" TextWrapping="WrapWithOverflow"></TextBlock>
                </Grid>
            </Grid>

            <Grid Grid.Row="1" Grid.Column="3">
                <Grid.RowDefinitions>
                    <RowDefinition Height="30" />
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>
                <Image Grid.ColumnSpan="3" x:Name="bgimg_11" Grid.RowSpan="2" Source="/MyDiary;component/Images/Blue.jpg" Stretch="UniformToFill"></Image>
                <Image Grid.ColumnSpan="3" Grid.RowSpan="2" Stretch="UniformToFill" x:Name="img_11" Opacity="0.6"></Image>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="add_11" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image Grid.Row="0" Source="/MyDiary;component/Images/add.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="edit_11" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image Grid.Row="0" Source="/MyDiary;component/Images/edit.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <TextBlock Grid.Column="2" Grid.Row="0" x:Name="tb_11" HorizontalAlignment="Right" FontSize="20" FontWeight="Bold">1</TextBlock>
                <Grid Grid.Row="1" Grid.ColumnSpan="3">

                    <TextBlock TextTrimming="CharacterEllipsis" x:Name="tbInfo_11" TextWrapping="WrapWithOverflow"></TextBlock>
                </Grid>
            </Grid>

            <Grid Grid.Row="1" Grid.Column="4">
                <Grid.RowDefinitions>
                    <RowDefinition Height="30" />
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>
                <Image Grid.ColumnSpan="3" x:Name="bgimg_12" Grid.RowSpan="2" Source="/MyDiary;component/Images/Blue.jpg" Stretch="UniformToFill"></Image>
                <Image Grid.ColumnSpan="3" Grid.RowSpan="2" Stretch="UniformToFill" x:Name="img_12" Opacity="0.6"></Image>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="add_12" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image Grid.Row="0" Source="/MyDiary;component/Images/add.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="edit_12" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image  Grid.Row="0" Source="/MyDiary;component/Images/edit.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <TextBlock Grid.Column="2" Grid.Row="0" x:Name="tb_12" HorizontalAlignment="Right" FontWeight="Bold" FontSize="20">11</TextBlock>
                <Grid Grid.Row="1" Grid.ColumnSpan="3">

                    <TextBlock TextTrimming="CharacterEllipsis" x:Name="tbInfo_12" TextWrapping="WrapWithOverflow"></TextBlock>
                </Grid>
            </Grid>

            <Grid Grid.Row="1" Grid.Column="5">
                <Grid.RowDefinitions>
                    <RowDefinition Height="30" />
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>
                <Image Grid.ColumnSpan="3" x:Name="bgimg_13" Grid.RowSpan="2" Source="/MyDiary;component/Images/Blue.jpg" Stretch="UniformToFill"></Image>
                <Image Grid.ColumnSpan="3" Grid.RowSpan="2" Stretch="UniformToFill" x:Name="img_13" Opacity="0.6"></Image>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"   Click="click_Click"  x:Name="add_13" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image Grid.Row="0" Source="/MyDiary;component/Images/add.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="edit_13" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image  Grid.Row="0" Source="/MyDiary;component/Images/edit.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <TextBlock Grid.Column="2" Grid.Row="0" x:Name="tb_13" HorizontalAlignment="Right" FontWeight="Bold" FontSize="20">11</TextBlock>
                <Grid Grid.Row="1" Grid.ColumnSpan="3">

                    <TextBlock TextTrimming="CharacterEllipsis" x:Name="tbInfo_13" TextWrapping="WrapWithOverflow"></TextBlock>
                </Grid>
            </Grid>

            <Grid Grid.Row="1" Grid.Column="6">
                <Grid.RowDefinitions>
                    <RowDefinition Height="30" />
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>
                <Image Grid.ColumnSpan="3" x:Name="bgimg_14" Grid.RowSpan="2" Source="/MyDiary;component/Images/Blue.jpg" Stretch="UniformToFill"></Image>
                <Image Grid.ColumnSpan="3" Grid.RowSpan="2" Stretch="UniformToFill" x:Name="img_14" Opacity="0.6"></Image>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"   Click="click_Click"  x:Name="add_14" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image Grid.Row="0" Source="/MyDiary;component/Images/add.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="edit_14" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image  Grid.Row="0" Source="/MyDiary;component/Images/edit.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <TextBlock Grid.Column="2" Grid.Row="0" x:Name="tb_14" HorizontalAlignment="Right" FontWeight="Bold" FontSize="20">11</TextBlock>
                <Grid Grid.Row="1" Grid.ColumnSpan="3">

                    <TextBlock TextTrimming="CharacterEllipsis" x:Name="tbInfo_14" TextWrapping="WrapWithOverflow"></TextBlock>
                </Grid>
            </Grid>

            <!-- ************************* Line 1********************************** -->

            <Grid Grid.Row="2" Grid.Column="0">
                <Grid.RowDefinitions>
                    <RowDefinition Height="30" />
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>
                <Image Grid.ColumnSpan="3" x:Name="bgimg_15" Grid.RowSpan="2" Source="/MyDiary;component/Images/Blue.jpg" Stretch="UniformToFill"></Image>
                <Image Grid.ColumnSpan="3" Grid.RowSpan="2" Stretch="UniformToFill" x:Name="img_15" Opacity="0.6"></Image>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="add_15" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image Grid.Row="0" Source="/MyDiary;component/Images/add.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="edit_15" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image  Grid.Row="0" Source="/MyDiary;component/Images/edit.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <TextBlock Grid.Column="2" Grid.Row="0" x:Name="tb_15" HorizontalAlignment="Right" FontWeight="Bold" FontSize="20">11</TextBlock>
                <Grid Grid.Row="1" Grid.ColumnSpan="3">

                    <TextBlock TextTrimming="CharacterEllipsis" x:Name="tbInfo_15" TextWrapping="WrapWithOverflow"></TextBlock>
                </Grid>
            </Grid>

            <Grid Grid.Row="2" Grid.Column="1">
                <Grid.RowDefinitions>
                    <RowDefinition Height="30" />
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>
                <Image Grid.ColumnSpan="3" x:Name="bgimg_16" Grid.RowSpan="2" Source="/MyDiary;component/Images/Blue.jpg" Stretch="UniformToFill"></Image>
                <Image Grid.ColumnSpan="3" Grid.RowSpan="2" Stretch="UniformToFill" x:Name="img_16" Opacity="0.6"></Image>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="add_16" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image Grid.Row="0" Source="/MyDiary;component/Images/add.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="edit_16" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image  Grid.Row="0" Source="/MyDiary;component/Images/edit.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <TextBlock Grid.Column="2" Grid.Row="0" x:Name="tb_16" HorizontalAlignment="Right" FontWeight="Bold" FontSize="20">11</TextBlock>
                <Grid Grid.Row="1" Grid.ColumnSpan="3">

                    <TextBlock TextTrimming="CharacterEllipsis" x:Name="tbInfo_16" TextWrapping="WrapWithOverflow"></TextBlock>
                </Grid>
            </Grid>

            <Grid Grid.Row="2" Grid.Column="2">
                <Grid.RowDefinitions>
                    <RowDefinition Height="30" />
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>
                <Image   Grid.ColumnSpan="3" x:Name="bgimg_17" Grid.RowSpan="2" Source="/MyDiary;component/Images/Blue.jpg" Stretch="UniformToFill"></Image>
                <Image Grid.ColumnSpan="3" Grid.RowSpan="2" Stretch="UniformToFill" x:Name="img_17" Opacity="0.6"></Image>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="add_17" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image Grid.Row="0" Source="/MyDiary;component/Images/add.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="edit_17" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image  Grid.Row="0" Source="/MyDiary;component/Images/edit.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <TextBlock Grid.Column="2" Grid.Row="0" x:Name="tb_17" HorizontalAlignment="Right" FontWeight="Bold" FontSize="20">11</TextBlock>
                <Grid Grid.Row="1" Grid.ColumnSpan="3">

                    <TextBlock TextTrimming="CharacterEllipsis" x:Name="tbInfo_17" TextWrapping="WrapWithOverflow"></TextBlock>
                </Grid>
            </Grid>

            <Grid Grid.Row="2" Grid.Column="3">
                <Grid.RowDefinitions>
                    <RowDefinition Height="30" />
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>
                <Image Grid.ColumnSpan="3" x:Name="bgimg_18" Grid.RowSpan="2" Source="/MyDiary;component/Images/Blue.jpg" Stretch="UniformToFill"></Image>
                <Image Grid.ColumnSpan="3" Grid.RowSpan="2" Stretch="UniformToFill" x:Name="img_18" Opacity="0.6"></Image>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="add_18" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                <Image Grid.Row="0" Source="/MyDiary;component/Images/add.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="edit_18" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image  Grid.Row="0" Source="/MyDiary;component/Images/edit.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <TextBlock Grid.Column="2" Grid.Row="0" x:Name="tb_18" HorizontalAlignment="Right" FontWeight="Bold" FontSize="20">11</TextBlock>
                <Grid Grid.Row="1" Grid.ColumnSpan="3">
                    
                    <TextBlock TextTrimming="CharacterEllipsis" x:Name="tbInfo_18" TextWrapping="WrapWithOverflow"></TextBlock>
                </Grid>
            </Grid>

            <Grid Grid.Row="2" Grid.Column="4">
                <Grid.RowDefinitions>
                    <RowDefinition Height="30" />
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>
                <Image Grid.ColumnSpan="3" x:Name="bgimg_19" Grid.RowSpan="2" Source="/MyDiary;component/Images/Blue.jpg" Stretch="UniformToFill"></Image>
                <Image Grid.ColumnSpan="3" Grid.RowSpan="2" Stretch="UniformToFill" x:Name="img_19" Opacity="0.6"></Image>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="add_19" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image Grid.Row="0" Source="/MyDiary;component/Images/add.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="edit_19" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image Grid.Row="0" Source="/MyDiary;component/Images/edit.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <TextBlock Grid.Column="2" Grid.Row="0" x:Name="tb_19" HorizontalAlignment="Right" FontWeight="Bold" FontSize="20">11</TextBlock>
                <Grid Grid.Row="1" Grid.ColumnSpan="3">

                    <TextBlock TextTrimming="CharacterEllipsis" x:Name="tbInfo_19" TextWrapping="WrapWithOverflow"></TextBlock>
                </Grid>
            </Grid>

            <Grid Grid.Row="2" Grid.Column="5">
                <Grid.RowDefinitions>
                    <RowDefinition Height="30" />
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>
                <Image Grid.ColumnSpan="3" x:Name="bgimg_20" Grid.RowSpan="2" Source="/MyDiary;component/Images/Blue.jpg" Stretch="UniformToFill"></Image>
                <Image Grid.ColumnSpan="3" Grid.RowSpan="2" Stretch="UniformToFill" x:Name="img_20" Opacity="0.6"></Image>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="add_20" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image Grid.Row="0" Source="/MyDiary;component/Images/add.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="edit_20" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image  Grid.Row="0" Source="/MyDiary;component/Images/edit.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <TextBlock Grid.Column="2" Grid.Row="0" x:Name="tb_20" HorizontalAlignment="Right" FontWeight="Bold" FontSize="20">11</TextBlock>
                <Grid Grid.Row="1" Grid.ColumnSpan="3">

                    <TextBlock TextTrimming="CharacterEllipsis" x:Name="tbInfo_20" TextWrapping="WrapWithOverflow"></TextBlock>
                </Grid>
            </Grid>

            <Grid Grid.Row="2" Grid.Column="6">
                <Grid.RowDefinitions>
                    <RowDefinition Height="30" />
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>
                <Image Grid.ColumnSpan="3" x:Name="bgimg_21" Grid.RowSpan="2" Source="/MyDiary;component/Images/Blue.jpg" Stretch="UniformToFill"></Image>
                <Image Grid.ColumnSpan="3" Grid.RowSpan="2" Stretch="UniformToFill" x:Name="img_21" Opacity="0.6"></Image>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="add_21" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image Grid.Row="0" Source="/MyDiary;component/Images/add.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="edit_21" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image  Grid.Row="0" Source="/MyDiary;component/Images/edit.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <TextBlock Grid.Column="2" Grid.Row="0" x:Name="tb_21" HorizontalAlignment="Right" FontWeight="Bold" FontSize="20">11</TextBlock>
                <Grid Grid.Row="1" Grid.ColumnSpan="3">

                    <TextBlock TextTrimming="CharacterEllipsis" x:Name="tbInfo_21" TextWrapping="WrapWithOverflow"></TextBlock>
                </Grid>
            </Grid>

            <!-- ************************* Line 1********************************** -->

            <Grid Grid.Row="3" Grid.Column="0">
                <Grid.RowDefinitions>
                    <RowDefinition Height="30" />
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>
                <Image Grid.ColumnSpan="3" x:Name="bgimg_22" Grid.RowSpan="2" Source="/MyDiary;component/Images/Blue.jpg" Stretch="UniformToFill"></Image>
                <Image Grid.ColumnSpan="3" Grid.RowSpan="2" Stretch="UniformToFill" x:Name="img_22" Opacity="0.6"></Image>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="add_22" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image Grid.Row="0" Source="/MyDiary;component/Images/add.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="edit_22" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image  Grid.Row="0" Source="/MyDiary;component/Images/edit.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <TextBlock Grid.Column="2" Grid.Row="0" x:Name="tb_22" HorizontalAlignment="Right" FontWeight="Bold" FontSize="20">1</TextBlock>
                <Grid Grid.Row="1" Grid.ColumnSpan="3">

                    <TextBlock TextTrimming="CharacterEllipsis" x:Name="tbInfo_22" TextWrapping="WrapWithOverflow"></TextBlock>
                </Grid>
            </Grid>

            <Grid Grid.Row="3" Grid.Column="1">
                <Grid.RowDefinitions>
                    <RowDefinition Height="30" />
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>
                <Image Grid.ColumnSpan="3" x:Name="bgimg_23" Grid.RowSpan="2" Source="/MyDiary;component/Images/Blue.jpg" Stretch="UniformToFill"></Image>
                <Image Grid.ColumnSpan="3" Grid.RowSpan="2" Stretch="UniformToFill" x:Name="img_23" Opacity="0.6"></Image>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="add_23" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image Grid.Row="0" Source="/MyDiary;component/Images/add.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="edit_23" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image  Grid.Row="0" Source="/MyDiary;component/Images/edit.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <TextBlock Grid.Column="2" Grid.Row="0" x:Name="tb_23" HorizontalAlignment="Right" FontWeight="Bold" FontSize="20">1</TextBlock>
                <Grid Grid.Row="1" Grid.ColumnSpan="3">

                    <TextBlock TextTrimming="CharacterEllipsis" x:Name="tbInfo_23" TextWrapping="WrapWithOverflow"></TextBlock>
                </Grid>
            </Grid>

            <Grid Grid.Row="3" Grid.Column="2">
                <Grid.RowDefinitions>
                    <RowDefinition Height="30" />
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>
                <Image Grid.ColumnSpan="3" x:Name="bgimg_24" Grid.RowSpan="2" Source="/MyDiary;component/Images/Blue.jpg" Stretch="UniformToFill"></Image>
                <Image Grid.ColumnSpan="3" Grid.RowSpan="2" Stretch="UniformToFill" x:Name="img_24" Opacity="0.6"></Image>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="add_24" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image Grid.Row="0" Source="/MyDiary;component/Images/add.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="edit_24" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image  Grid.Row="0" Source="/MyDiary;component/Images/edit.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <TextBlock Grid.Column="2" Grid.Row="0" x:Name="tb_24" HorizontalAlignment="Right" FontWeight="Bold" FontSize="20">1</TextBlock>
                <Grid Grid.Row="1" Grid.ColumnSpan="3">

                    <TextBlock TextTrimming="CharacterEllipsis" x:Name="tbInfo_24" TextWrapping="WrapWithOverflow"></TextBlock>
                </Grid>
            </Grid>

            <Grid Grid.Row="3" Grid.Column="3">
                <Grid.RowDefinitions>
                    <RowDefinition Height="30" />
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>
                <Image Grid.ColumnSpan="3" x:Name="bgimg_25" Grid.RowSpan="2" Source="/MyDiary;component/Images/Blue.jpg" Stretch="UniformToFill"></Image>
                <Image Grid.ColumnSpan="3" Grid.RowSpan="2" Stretch="UniformToFill" x:Name="img_25" Opacity="0.6"></Image>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"   Click="click_Click"  x:Name="add_25" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image Grid.Row="0" Source="/MyDiary;component/Images/add.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="edit_25" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image  Grid.Row="0" Source="/MyDiary;component/Images/edit.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <TextBlock Grid.Column="2" Grid.Row="0" x:Name="tb_25" HorizontalAlignment="Right" FontWeight="Bold" FontSize="20">1</TextBlock>
                <Grid Grid.Row="1" Grid.ColumnSpan="3">

                    <TextBlock TextTrimming="CharacterEllipsis" x:Name="tbInfo_25" TextWrapping="WrapWithOverflow"></TextBlock>
                </Grid>
            </Grid>

            <Grid Grid.Row="3" Grid.Column="4">
                <Grid.RowDefinitions>
                    <RowDefinition Height="30" />
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>
                <Image Grid.ColumnSpan="3" x:Name="bgimg_26" Grid.RowSpan="2" Source="/MyDiary;component/Images/Blue.jpg" Stretch="UniformToFill"></Image>
                <Image Grid.ColumnSpan="3" Grid.RowSpan="2" Stretch="UniformToFill" x:Name="img_26"  Opacity="0.6" ></Image>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="add_26" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image Grid.Row="0" Source="/MyDiary;component/Images/add.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="edit_26" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image  Grid.Row="0" Source="/MyDiary;component/Images/edit.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <TextBlock Grid.Column="2" Grid.Row="0" x:Name="tb_26" HorizontalAlignment="Right" FontWeight="Bold" FontSize="20">1</TextBlock>
                <Grid Grid.Row="1" Grid.ColumnSpan="3">

                    <TextBlock TextTrimming="CharacterEllipsis" x:Name="tbInfo_26" TextWrapping="WrapWithOverflow"></TextBlock>
                </Grid>
            </Grid>

            <Grid Grid.Row="3" Grid.Column="5">
                <Grid.RowDefinitions>
                    <RowDefinition Height="30" />
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>
                <Image Grid.ColumnSpan="3" x:Name="bgimg_27" Grid.RowSpan="2" Source="/MyDiary;component/Images/Blue.jpg" Stretch="UniformToFill"></Image>
                <Image Grid.ColumnSpan="3" Grid.RowSpan="2" Stretch="UniformToFill" x:Name="img_27" Opacity="0.6"></Image>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="add_27" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image Grid.Row="0" Source="/MyDiary;component/Images/add.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="edit_27" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image  Grid.Row="0" Source="/MyDiary;component/Images/edit.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <TextBlock Grid.Column="2" Grid.Row="0" x:Name="tb_27" HorizontalAlignment="Right" FontWeight="Bold" FontSize="20">1</TextBlock>
                <Grid Grid.Row="1" Grid.ColumnSpan="3">

                    <TextBlock TextTrimming="CharacterEllipsis" x:Name="tbInfo_27" TextWrapping="WrapWithOverflow"></TextBlock>
                </Grid>
            </Grid>

            <Grid Grid.Row="3" Grid.Column="6">
                <Grid.RowDefinitions>
                    <RowDefinition Height="30" />
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>
                <Image Grid.ColumnSpan="3" x:Name="bgimg_28" Grid.RowSpan="2" Source="/MyDiary;component/Images/Blue.jpg" Stretch="UniformToFill"></Image>
                <Image Grid.ColumnSpan="3" Grid.RowSpan="2" Stretch="UniformToFill" x:Name="img_28" Opacity="0.6"></Image>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="add_28" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image Grid.Row="0" Source="/MyDiary;component/Images/add.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="edit_28" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image Grid.Row="0" Source="/MyDiary;component/Images/edit.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <TextBlock Grid.Column="2" Grid.Row="0" x:Name="tb_28" HorizontalAlignment="Right" FontWeight="Bold" FontSize="20">1</TextBlock>
                <Grid Grid.Row="1" Grid.ColumnSpan="3">

                    <TextBlock TextTrimming="CharacterEllipsis" x:Name="tbInfo_28" TextWrapping="WrapWithOverflow"></TextBlock>
                </Grid>
            </Grid>

            <!-- ************************* Line 1********************************** -->

            <Grid Grid.Row="4" Grid.Column="0">
                <Grid.RowDefinitions>
                    <RowDefinition Height="30" />
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>
                <Image Grid.ColumnSpan="3" x:Name="bgimg_29" Grid.RowSpan="2" Source="/MyDiary;component/Images/Blue.jpg" Stretch="UniformToFill"></Image>
                <Image Grid.ColumnSpan="3" Grid.RowSpan="2" Stretch="UniformToFill" x:Name="img_29" Opacity="0.6"></Image>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="add_29"  Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image Grid.Row="0" Source="/MyDiary;component/Images/add.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="edit_29" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image  Grid.Row="0" Source="/MyDiary;component/Images/edit.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <TextBlock Grid.Column="2" Grid.Row="0" x:Name="tb_29" HorizontalAlignment="Right" FontWeight="Bold" FontSize="20">1</TextBlock>
                <Grid Grid.Row="1" Grid.ColumnSpan="3">

                    <TextBlock TextTrimming="CharacterEllipsis" x:Name="tbInfo_29" TextWrapping="WrapWithOverflow"></TextBlock>
                </Grid>
            </Grid>

            <Grid Grid.Row="4" Grid.Column="1">
                <Grid.RowDefinitions>
                    <RowDefinition Height="30" />
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>
                <Image Grid.ColumnSpan="3" x:Name="bgimg_30" Grid.RowSpan="2" Source="/MyDiary;component/Images/Blue.jpg" Stretch="UniformToFill"></Image>
                <Image Grid.ColumnSpan="3" Grid.RowSpan="2" Stretch="UniformToFill" x:Name="img_30" Opacity="0.6"></Image>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="add_30" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image Grid.Row="0" Source="/MyDiary;component/Images/add.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="edit_30" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image  Grid.Row="0" Source="/MyDiary;component/Images/edit.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <TextBlock Grid.Column="2" Grid.Row="0" x:Name="tb_30" HorizontalAlignment="Right" FontWeight="Bold" FontSize="20">1</TextBlock>
                <Grid Grid.Row="1" Grid.ColumnSpan="3">

                    <TextBlock TextTrimming="CharacterEllipsis" x:Name="tbInfo_30" TextWrapping="WrapWithOverflow"></TextBlock>
                </Grid>
            </Grid>

            <Grid Grid.Row="4" Grid.Column="2">
                <Grid.RowDefinitions>
                    <RowDefinition Height="30" />
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>
                <Image Grid.ColumnSpan="3" x:Name="bgimg_31" Grid.RowSpan="2" Source="/MyDiary;component/Images/Blue.jpg" Stretch="UniformToFill"></Image>
                <Image Grid.ColumnSpan="3" Grid.RowSpan="2" Stretch="UniformToFill" x:Name="img_31" Opacity="0.6"></Image>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="add_31" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image Grid.Row="0" Source="/MyDiary;component/Images/add.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="edit_31" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image  Grid.Row="0" Source="/MyDiary;component/Images/edit.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <TextBlock Grid.Column="2" Grid.Row="0" x:Name="tb_31" HorizontalAlignment="Right" FontWeight="Bold" FontSize="20">1</TextBlock>
                <Grid Grid.Row="1" Grid.ColumnSpan="3">

                    <TextBlock TextTrimming="CharacterEllipsis" x:Name="tbInfo_31" TextWrapping="WrapWithOverflow"></TextBlock>
                </Grid>
            </Grid>

            <Grid Grid.Row="4" Grid.Column="3">
                <Grid.RowDefinitions>
                    <RowDefinition Height="30" />
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>
                <Image Grid.ColumnSpan="3" x:Name="bgimg_32" Grid.RowSpan="2" Source="/MyDiary;component/Images/Blue.jpg" Stretch="UniformToFill"></Image>
                <Image Grid.ColumnSpan="3" Grid.RowSpan="2" Stretch="UniformToFill" x:Name="img_32" Opacity="0.6"></Image>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="add_32" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image Grid.Row="0" Source="/MyDiary;component/Images/add.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="edit_32" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image  Grid.Row="0" Source="/MyDiary;component/Images/edit.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <TextBlock Grid.Column="2" Grid.Row="0" x:Name="tb_32" HorizontalAlignment="Right" FontWeight="Bold" FontSize="20">1</TextBlock>
                <Grid Grid.Row="1" Grid.ColumnSpan="3">

                    <TextBlock TextTrimming="CharacterEllipsis" x:Name="tbInfo_32" TextWrapping="WrapWithOverflow"></TextBlock>
                </Grid>
            </Grid>

            <Grid Grid.Row="4" Grid.Column="4">
                <Grid.RowDefinitions>
                    <RowDefinition Height="30" />
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>
                <Image Grid.ColumnSpan="3" x:Name="bgimg_33" Grid.RowSpan="2" Source="/MyDiary;component/Images/Blue.jpg" Stretch="UniformToFill"></Image>
                <Image Grid.ColumnSpan="3" Grid.RowSpan="2" Stretch="UniformToFill" x:Name="img_33" Opacity="0.6"></Image>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="add_33"  Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image Grid.Row="0" Source="/MyDiary;component/Images/add.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="edit_33" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image  Grid.Row="0" Source="/MyDiary;component/Images/edit.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <TextBlock Grid.Column="2" Grid.Row="0" x:Name="tb_33" HorizontalAlignment="Right" FontWeight="Bold" FontSize="20">1</TextBlock>
                <Grid Grid.Row="1" Grid.ColumnSpan="3">

                    <TextBlock TextTrimming="CharacterEllipsis" x:Name="tbInfo_33" TextWrapping="WrapWithOverflow"></TextBlock>
                </Grid>
            </Grid>

            <Grid Grid.Row="4" Grid.Column="5">
                <Grid.RowDefinitions>
                    <RowDefinition Height="30" />
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>
                <Image Grid.ColumnSpan="3" x:Name="bgimg_34" Grid.RowSpan="2" Source="/MyDiary;component/Images/Blue.jpg" Stretch="UniformToFill"></Image>
                <Image Grid.ColumnSpan="3" Grid.RowSpan="2" Stretch="UniformToFill" x:Name="img_34" Opacity="0.6"></Image>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="add_34"  Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image Grid.Row="0" Source="/MyDiary;component/Images/add.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="edit_34" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image  Grid.Row="0" Source="/MyDiary;component/Images/edit.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <TextBlock Grid.Column="2" Grid.Row="0" x:Name="tb_34" HorizontalAlignment="Right" FontWeight="Bold" FontSize="20">1</TextBlock>
                <Grid Grid.Row="1" Grid.ColumnSpan="3">

                    <TextBlock TextTrimming="CharacterEllipsis" x:Name="tbInfo_34" TextWrapping="WrapWithOverflow"></TextBlock>
                </Grid>
            </Grid>

            <Grid Grid.Row="4" Grid.Column="6">
                <Grid.RowDefinitions>
                    <RowDefinition Height="30" />
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>
                <Image Grid.ColumnSpan="3" x:Name="bgimg_35" Grid.RowSpan="2" Source="/MyDiary;component/Images/Blue.jpg" Stretch="UniformToFill"></Image>
                <Image Grid.ColumnSpan="3" Grid.RowSpan="2" Stretch="UniformToFill" x:Name="img_35" Opacity="0.6"></Image>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="add_35" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image Grid.Row="0" Source="/MyDiary;component/Images/add.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <Button Padding="-4" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"  Click="click_Click"  x:Name="edit_35" Grid.Row="0" Background="#00000000" HorizontalAlignment="center" HorizontalContentAlignment="Stretch">
                    <Image   Source="/MyDiary;component/Images/edit.png" Stretch="Uniform" HorizontalAlignment="Left" />
                </Button>
                <TextBlock Grid.Column="2" Grid.Row="0" x:Name="tb_35" HorizontalAlignment="Right" FontWeight="Bold" FontSize="20">1</TextBlock>
                <Grid Grid.Row="1" Grid.ColumnSpan="3">

                    <TextBlock TextTrimming="CharacterEllipsis" x:Name="tbInfo_35" TextWrapping="WrapWithOverflow"></TextBlock>
                </Grid>
            </Grid>

        </Grid>
    </Grid>

</Window>
